<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			/*去除标点*/
			.rowstyle1 ul{
				list-style: none;
			}
			
			/*去除下划线*/
			.rowstyle1 ul a{
				display: block;
				text-decoration: none;
			}
			
			html,body{
				margin: 0px;
				background-color: #FFFFFF;
			}
			
			/*最下面一层的设定*/
			#mainContain{
				width: 90%;
				margin: 15px auto;
			}
			
			/**/
			.rowstyle1{
				width: 50%;
				margin: 3px auto;
			}
			
			.rowstyle1 >ul >li{
				float: left;
				border: #FF0000 solid 1px;
				position: relative;
			}
			
			.rowstyle1 ul li{
				width: 90px;
				text-align: center;
				background-color: #BDBDBD;
			}
			
			.rowstyle1 ul li:hover{
				background-color: #C8B5A3;
			}
			
			#list ul{
				position: absolute;
				left: -1000px;
			}
			
			#list:hover ul{
				left: -45%;
			}
			
		</style>
	</head>
	<body>
		<div id="mainContain">
			<div class="rowstyle1">
				<ul>
					<li><a href="#">首页</a></li>
					<li  id="list">
						<a href="#">用户管理</a>
						<ul>
							<li>用户添加</li>
							<li>用户修改</li>
							<li>用户删除</li>
						</ul>
					</li>
					<li><a href="#">购物车</a></li>
					<li><a href="#">订单</a></li>
					<li><a href="#">退出</a></li>
				</ul>
			</div>
		</div>
	</body>
</html>
